<template>
  <div id='app'>
    <div id="item">
        <img src="../assets/itemImg.jpg" />
        <p>{{title}}</p>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props:{
      title:String
  },
  data () {
    return {

    }
  }
}

</script>
<style scoped>
#item{
    display: flex;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 4px;
    align-items: center;
}
#item > img{
    width: 100px;
    height: 67px;
    margin-right: 10px; 
}
#item > p{
    margin-left: 5px;
    color: #34495e;
}
</style>
